@import url(./reset.css);
@import url(./../fonts/iconfont.css);

html,body{
    min-width: 1126px;
}

.header{
    width: 100%;
}

.container{
    width: 954px;
    margin: 0 auto;
}

.header .box{
    width: 954px;
    height: 120px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}



.header .box>.line{
    width: 1px;
    height: 50px;
    background-color: #e8e8e8;
}

.header .text .t1{
    font-size: 24px;
    color: #fa8100;
    line-height: 30px;
}

.header .text .t2{
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.nav{
    width: 100%;
    height: 48px;
    background-color: #00659c;
}

.f_box{
    width: 954px;
    height: 48px;
    display: flex;
    align-items: center;
}

.nav .box{
    width: 122px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #ffffff;
    font-size: 14px;
}

.nav  .f_box .a{
    background-color: #004b8b;
}

.nav .f_box>.line{
    width: 1px;
    height: 14px;
    background-color: #ffffff;
}

.banner{
    width: 100%;
    height: 466px;
    background-color: #e5e5e5;
}

.banner .box{
    width: 954px;
    height: 466px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.banner .right{
    height: 362px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.banner .right>.text{
    display: flex;
    flex-direction: column;
    align-items: end;
    line-height: 50px;
}

.banner .right .t1{
    font-size: 40px;
    color: #515151;
}
.banner .right .t2{
    font-size: 40px;
    color: #3b3a3a;
}
.banner .right .t3{
    font-size: 18px;
    color: #333333;
}
.banner .right .t4{
    font-size: 14px;
    color: #666666;
}

.banner .right .bottom{
    width: 630px;
    height: 111px;
    display: flex;
    justify-content: space-between;
}

.banner .right .bottom>div{
    width: 300px;
    height: 111px;
    background-color: #f7f7f7;
    text-align: center;
}

.banner .right .bottom .t1{
    font-size: 24px;
    color: #888888;
    line-height: 50px;
}

.banner .right .bottom div>.line{
    width: 260px;
    height: 1px;
    background-color: #e0e0e0;
    margin: 0 auto;
}

.banner .right .bottom .text{
    font-size: 12px;
    color: #bababa;
    line-height: 20px;
    margin: 10px;
}


.main1{
    width: 100%;
}

.main1 .t{
    background-color: #f6f6f6;
    width: 100%;
    height: 272px;
}

.main1 .jt{
    width: 1126px;
    height: 44px;
    position: absolute;
}

.main1 .jt i:nth-child(1){
    float: left;
    font-size: 44px !important;
    color: #006eaa;
}
.main1 .jt i:nth-child(2){
    float: right;
    font-size: 44px !important;
    color: #006eaa;
}


.main1 .top{
    width: 954px;
    height: 272px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #f6f6f6;
}

.main1 .top .box{
    width: 213px;
	height: 253px;
}

.main1 .top .tb{
    width: 213px;
    height: 163px;
    background-color: #006eaa;
    text-align: center;
    line-height: 163px;
}

.main1 .top .tb>i{
    font-size: 50px !important;
    color: #ffffff;
}

.main1 .top .text{
    width: 213px;
    height: 90px;
    text-align: center;
    background-color: #ffffff;
    line-height: 20px;
}

.main1 .top .text .t1{
    font-size: 20px;
    color: #333333;
    padding-top: 30px;
}
.main1 .top .text .t2{
    font-size: 12px;
    color: #999999;
}

.main1 .bottom .a{
    width: 960px;
    height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main1 .bottom .a>.box{
    width: 960px;
    height: 245px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}



.main1 .bottom .t1{
    font-size: 20px;
    color: #999999;
}
.main1 .bottom .t1 span{
    font-size: 24px;
    color: #006eaa;
}

.main1 .bottom .t2{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-top: 20px;
}

.main1 .bottom .hz{
    display: flex;
    justify-content: space-around;
}

.main1 .bottom .hz>.box{
    width: 302px;
	height: 132px;
	background-color: #ffffff;
	border: solid 1px #e8e8e8;
}

.main1 .bottom .hz>.box:nth-child(1){
    margin-left: -10px;
}
.main1 .bottom .hz>.box:nth-child(3){
    margin-right: -10px;
}

.main1 .bottom .hz .tb{
    height: 62px;
    width: 302px;
    background-color: #006eaa;
    color: #ffffff;
    line-height: 24px;
}

.main1 .bottom .hz .tb>div:nth-child(1){
    width: 254px;
    height: 27px;
    margin: 0px 0px 0px 20px;
}


.main1 .hz .tb .t3{
    font-size: 30px;
    color: #ffffff;
}

.main1 .hz .tb .t4{
    font-size: 14px;
    color: #ffffff;
}

.main1 .hz .text{
    font-size: 12px;
    color: #999999;
    line-height: 20px;
    width: 263px;
    margin: 10px 0px 0px 20px;
}

.middle{
    width: 100%;
    height: 104px;
    background-color: #006eaa;
}

.middle .content{
    width: 954px;
    height: 104px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.middle .content .box1{
    font-size: 20px;
    color: #ffffff;
}
.middle .content .box1 span{
    font-size: 24px;
}

.middle .content .box .t1{
    font-size: 14px;
    color: #ffffff;
}
.middle .content .box .t1 span{
    font-size: 45px;
    color: #ffb31f;
}

.middle .content .box .t2{
    font-size: 18px;
    color: #ffffff;
}

.main2{
    width: 100%;
    height: 1211px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.main2 .part1{
    width: 954px;
    height: 344px;
}

.main2>.line{
    width: 100%;
    height: 1px;
    background-color: #e7e7e7;
}
.main2 .part2{
    width: 954px;
    height: 375px;
}
.main2 .part3{
    width: 954px;
    height: 184px;
}

.main2 .part1 .box99{
    width: 954px;
    height: 340px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.main2 .part1 .box99 .a{
    width: 954px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.main2 .part1 .a .box{
    font-size: 20px;
    color: #999999;
}
.main2 .part1 .a .box span{
    font-size: 24px;
    color: #006eaa;
}

.main2 .part1 .a .box:nth-child(2){
    height: 16px;
    width: 574px;
    background-image: linear-gradient(45deg,
    #e9e9e9 0%,#e9e9e9 25%,
            #ffffff 25%,#ffffff 50%,
            #e9e9e9 50%,#e9e9e9 75%,
            #ffffff 75%,#ffffff 100%);
            background-size: 3px 3px;
            background-position: 0px 0px;
}

.main2 .part1 .a .dot{
    width: 15px;
    height: 15px;
    background-color: #c0c0c0;
    border-radius: 50%;
    display: inline-block;
}
.main2 .part1 .a .dot:nth-child(2){
    width: 15px;
    height: 15px;
    background-color: #ffb527;
    border-radius: 50%;
}

.main2 .part1 .b{
    width: 954px;
    display: flex;
    justify-content: space-around;
}
.main2 .part1 .b .box{
    width: 296px;
    height: 296px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main2 .part1 .b .text{
    width: 296px;
    height: 60px;
}

.main2 .part1 .b .text .t1{
    font-size: 14px;
    color: #333333;
    line-height: 24px;
}
.main2 .part1 .b .text .t2{
    font-size: 12px;
    color: #999999;
    line-height: 20px;
}

.main2 .part2 .box100{
    width: 954px;
    height: 370px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main2 .part2 .box100 .a{
    width: 954px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.main2 .part2 .a .box{
    font-size: 20px;
    color: #999999;
}
.main2 .part2 .a .box span{
    font-size: 24px;
    color: #006eaa;
}

.main2 .part2 .a .box:nth-child(3){
    font-size: 12px;
    color: #fa8100;
}

.main2 .part2 .a .box:nth-child(2){
    height: 16px;
    width: 175px;
    background-image: linear-gradient(45deg,
    #e9e9e9 0%,#e9e9e9 25%,
            #ffffff 25%,#ffffff 50%,
            #e9e9e9 50%,#e9e9e9 75%,
            #ffffff 75%,#ffffff 100%);
            background-size: 3px 3px;
            background-position: 0px 0px;
}
.main2 .part2 .a .box:nth-child(4){
    height: 16px;
    width: 440px;
    background-image: linear-gradient(45deg,
    #e9e9e9 0%,#e9e9e9 25%,
            #ffffff 25%,#ffffff 50%,
            #e9e9e9 50%,#e9e9e9 75%,
            #ffffff 75%,#ffffff 100%);
            background-size: 3px 3px;
            background-position: 0px 0px;
}

.main2 .part2 .b{
    width: 954px;
    display: flex;
    justify-content: space-between;
}

.main2 .part2 .b .box1{
    width: 540px;
    height: 325px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    
}
.main2 .part2 .b .box1>div:nth-child(2n-1){
    width: 540px;
    height: 79px;
    display: flex;
    justify-content: space-between;

}

.main2 .part2 .b .box2{

}

.main2 .part2 .b .text{
    width: 434px;
}

.main2 .part2 .b .text .t1{
    font-size: 14px;
    line-height: 24px;
}
.main2 .part2 .b .box1>div:nth-child(1) .t1{
    color: #4092bf;
}
.main2 .part2 .b .text .t2{
    font-size: 12px;
    color: #999999;
    line-height: 20px;
}

.main2 .part2 .b .box2 img{
    vertical-align: bottom;
}

.main2 .part2 .b .box2 .text{
    width: 371px;
    height: 42px;
    background-color: #006eaa;
    color: #ffffff;
    font-size: 14px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    
}


.main2 .part2 .b .box2 .dot{
    width: 15px;
    height: 15px;
    background-color: #c0c0c0;
    border-radius: 50%;
    display: inline-block;
}
.main2 .part2 .b .box2 .dot:nth-child(2){
    width: 15px;
    height: 15px;
    background-color: #ffb527;
    border-radius: 50%;
}

.main2 .part2 .b .box1>.line{
    width: 540px;
    border: 1px dashed #cccccc;
}

.main2 .part3 .box101{
    width: 954px;
    height: 182px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.main2 .part3 .text{
    width: 954px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.main2 .part3 .text .box{
    font-size: 20px;
    color: #999999;
}
.main2 .part3 .text .box span{
    font-size: 24px;
    color: #006eaa;
}

.main2 .part3 .text .box:nth-child(2){
    height: 16px;
    width: 645px;
    background-image: linear-gradient(45deg,
    #e9e9e9 0%,#e9e9e9 25%,
            #ffffff 25%,#ffffff 50%,
            #e9e9e9 50%,#e9e9e9 75%,
            #ffffff 75%,#ffffff 100%);
            background-size: 3px 3px;
            background-position: 0px 0px;
}

.main2 .part3 .hz{
    display: table;
    border-spacing: 5px;
}
.main2 .part3 .hz ul{
    display: table-row;
}
.main2 .part3 .hz li{
    display: table-cell;
    width: 152px;
    height: 60px;
    border: 1px solid #eaeaea;
    position: relative;
}

.main2 .part3 .hz li img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.foot{
    width: 100%;
    height: 88px;
    background-color: #006eaa;
}

.foot .box102{
    width: 954px;
    height: 88px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.foot .box102>.box:nth-child(1){
    width: 49px;
	height: 49px;
	background-color: #ffffff;
	border-radius: 5px;
    text-align: center;
    line-height: 49px;
}

.foot .box102 i{
    font-size: 30px !important;
    color: #006eaa;
}

.foot .box102 .t1{
    font-size: 20px;
    color: #ffffff;
    line-height: 20px;
}
.foot .box102 .t2{
    font-size: 12px;
    color: #ffffff;
    line-height: 20px;
}

.foot .box102>.box:nth-child(3){
    width: 1px;
	height: 35px;
    background-color: #ffffff;
}

.foot .box102 .t3{
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
}